<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>登录首页</title>
    <style type="text/css">

        #coent{
            width: 1500px;
            margin: 0 auto;

        }
        #header .conentist{
            width: 150px;

            height: 70px;

            float: left;

        }
        #header .daohang{
            width: 1350px;

            float: right;
        }
        #footer{
            background-image: url("../layui/images/bgg.jpg");
            height: 180px;
            bottom:0;


        }
        #background{
            height: 900px;

        }
        #text-bg {
            position: absolute;
            right: 0;
            top: 50%;
            bottom: auto;
            transform: translateY(-50%);
            padding: 0;
            left: 0;
            text-align: center;
        }
        #h1 {
            font-size: 90px;
            line-height: 108px;
            text-transform: uppercase;
            color: #6c757d;
            font-weight: bold;
            padding-bottom: 35px;
            padding-top: 25px;
        }
        .white {
            color: #fff;
        }

        #read-more {
            justify-content: center;
            display: flex;
        }
        #read-more a {
            font-size: 17px;
            padding: 15px 30px;
            background-color: #ee580f;
            color: #fff;
            display: inline-block;
            line-height: 20px;
            border-radius: 30px;
            text-align: center;
            margin-top: 30px;
        }
        #read-more a:hover {
            background: #15cfe5;
        }
        #footer{
            background-color: #FFD700;
            height: 180px;

        }
        #about{
            padding: 0 0 20px 0;
        }
        #container{
            width: 1500px;
            height: 70px;
            text-align: center;
            
        }
        #containor{
            width: 1100px;
            height: 70px;
            padding: 0px 200px;

        }
        #containo{
            width: 1500px;
            height: 70px;
            text-align: center;

        }
        #h2 {
            font-size: 45px;
            font-weight: bold;
            color: #000;
            line-height: 50px;
            text-align: center;
            bottom: 0;
        }
        #span {
            color: #141012;
            font-size: 17px;
            line-height: 32px;
            display: block;
            text-align: center;
        }

    </style>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/js/jquery-3.1.1.min.js"></script>
    <script src="../layui/layui.js"></script>
</head>
<body>
<div id="coent">
    <header id="header">
        <div class="conentist">
            <img src="../layui/images/logo.jpg">
        </div>
        <div class="daohang">
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item "><a href="index3.html">登录首页</a></li>
            </ul>
        </div>
        <div style="clear: both;"></div>
    </header>
    <div id="background">
        <img src="../layui/images/bg.jpg">
        <div id="text-bg">
            <div style="height: 350px"></div>
            <div id="h1">
                <h1>Dream<br><strong class="white" >Game Store</strong></h1>
            </div>
            <div style="height: 30px"></div>
            <div id="read-more">
                <a href="pages/userlogin.html">用户登录</a>
                <div style="width: 10px"></div>
                <a href="pages/Login.html">管理员登录</a>
            </div>
            <div style="height: 150px">
            </div>
            <div id="containo">
                <div id="h2">

                    <h2>About  our travel agency</h2>
                </div>
            </div>

        </div>


        <footer id="footer">


        </footer>
    </div>
    <div id="about" >
        <div id="container">
            <img src="../layui/images/fa.png">
        </div>
        <div id="containor">
            <div id="span">
                <span> fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,</span>

            </div>


        </div>
    </div>
    <script>
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element','table', function(){
            var element = layui.element;

            //…
        });
    </script>
</div>

</body>
</html>